// uni-page {
//     background: #F7F7FB;
// }
// uni-page-body {
//     background: #F7F7FB !important;
// }

body{
    font-size: 28upx;
   
}
.light {
    // .vh100{
		min-height: 100.00vh;
	// }
    background: #F7F7FB !important;
    color: #0D1721 ;
    overflow-x: hidden;
    input {
        border: 0;
        outline: 0;
        /* font-weight: bold; */
        color: #000;
    }

    ::-webkit-input-placeholder {
        color: #CED6DB;
    }



    /* color字体颜色 */
    .b7c {
        color: #b7c7dc;
    }

    .gray75 {
        color: #363a40;
    }

    .blue21 {
        color: #217dc1;
    }

    .gary0 {
        color: #000;
    }

    .gray91 {
        color: #9195a1;
    }

    .garyd {
        color: #DDDEDE;
    }

    .white {
        color: #fff ;
    }
	
	.nwhite{
		color: #0D1721;
	}
	
    .gray {
        color: #8689B2;
    }

    .gray_e {
        color: #0D1721;
    }

    .gray9 {
        color: #999;
    }

    .gray7 {
        color: #7286a5;
    }

    .gray6 {
        color: #666;
    }

    .gray5 {
        color: #5b6c87;
    }

    .gray3 {
        color: #333;
    }

    .gray4 {
        color: #aeb6bb;
    }

    .gray45 {
        color: #454545;
    }

    .blue {
        color: #6d808e;
    }

    .blue2 {
        color: #1881d2;
    }

    .blue3 {
        color: #4A5A7A;
    }

    .blue4 {
        color: #8897AD;
    }

    .red {
        color: #e27046;
    }

    .red2 {
        color: #ff5f56;
    }

    .redColor {
        color: #d74e5a;
    }

    .greenColor {
        color: #12b886;
    }

    .blueColor {
        color: #3d80ce;
    }

    .yellow {
        color: #F07A15;
    }

    .green {
        color: #02c289;
    }

    .purpel {
        color: #6c2fd3;
    }

    .chengse {
        color: #cc704b;
    }

    .color1 {
        color: #728DAF;
    }

    /* 背景色 */
    .baseBg {
        background: #F2F5FF;
    }

    .bgWhite {
        background: white;
    }

    .bgRed {
        background: #e27046 !important;
    }

    .bgGray {
        background: #c7ced4;
    }

    .bgF3 {
        background: #f3f3f3;
    }

    .bgShadow {
        box-shadow: 0 0 10upx #e4dbdb;
    }

    .bgGreen {
        background: #02c289 !important;
    }

    .bggray {
        background: #F7F7FB;
    }

    .bgyellow {
        background: #ff9e00;
    }

    .bgHeader {
        background: #FFFFFF;
    }

    .bgBlue {
        background: #1881d2;
    }

    .bgBlue2 {
        background: #217dc1;
    }

    .bgBlue3 {
        background: #0b53bd !important;
    }

    .bgred {
        background: #d74e5a;
    }

    .bggreen {
        background: #12b886;
    }

    .bgDark {
        background: #2c548c;
    }

    .bgPart {
        background: #151e2e;
    }

    .baseBg2 {
        background: #E2E7EB;
    }

    .baseBg3 {
        background: #44708a;
    }

    .bg_legal {
        background: #fff;
    }

    .liner0 {
        background: #7564EF;
    }

    .liner1 {
        background: #E6762C;
    }

    .liner2 {
        background: #419FF6;
    }

    .liner3 {
        background: #4AAB73;
    }

    .liner4 {
        background: #5977F4;
    }

    .bg1 {
        background-color: #1C1734;
    }

    .bg2 {
        background-color: #061623;
    }

    .bgPart {
        background: #FFFFFF;
    }

    .bgBlack {
        background: #e1e1ea;
    }

    .bgliner {
        background: linear-gradient(to right, #5BB5EB, #508ADE);
    }

    /* 边框颜色 */
    .bdb_blue {
        border-bottom: 1px solid #5D86D8;
    }

    .bdb_e8 {
        border-bottom: 1px solid #e8ebee;
    }

    .bdbf5 {
        border-bottom: 1px solid #f5f5f5;
    }

    .bdb_f3 {
        border-bottom: 1px solid #f3f3f3;
    }

    .bdt_f3 {
        border-top: 1px solid #f3f3f3;
    }

    .bd_blue2 {
        border: 1px solid #71AED3;
    }

    .bdb {
        border-bottom: 1px solid #dddddd;
    }

    .bdb1f {
        border-bottom: 1px solid #E2E7EB;
    }

    .bdb_yellow {
        border-bottom: 1px solid #FFB103;
    }

    .bdbwhite {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .bdb_blue3 {
        border-bottom: 1px solid #E2E7EB;
    }

    .bdb27 {
        border-bottom: 1px solid #E2E7EB;
    }

    .bdb_base {
        border-bottom: 1px solid #102000;
    }

    .bdr_white50 {
        border-right: 1px solid rgba(113, 113, 113, 0.2);
    }

    .bd_input {
        border: 1px solid #CED6DB;
    }

    .bd_red {
        border: 1px solid #c15465;
    }

    .bdBlue {
        border: 1px solid #217dc1;
    }

    .bd_green {
        border: 1px solid #4daa90;
    }

    .bdr_input {
        border-right: 1px solid #CED6DB;
    }

    .bdb_1e {
        border-bottom: 1px solid #E2E7EB;
    }

    .bd3a {
        border: 1px solid #e1e1ea;
    }

    .bdActive {
        border: 1px solid #357ce1;
    }

    .bor1 {
        border: 1px solid #CED6DB;
    }

    .bor2 {
        border: 1px solid #1881d2
    }

    .bor3 {
        border: 1px solid #02c289 !important;
    }

    .bor4 {
        border: 1px solid #e27046 !important;
    }

    .bor5 {
        border-bottom: 1px solid #E2E7EB !important;
    }

    .bor6 {
        border: 1px solid #e5e5e5;
    }

    .bdb_active {
        border-bottom: 2px solid #3d80ce;
    }

    /* margin外边距 */
    .mt5 {
        margin-top: 10upx;
    }

    .mb5 {
        margin-bottom: 10upx;
    }

    .ml5 {
        margin-left: 10upx;
    }

    .mr5 {
        margin-right: 10upx;
    }

    .mt7 {
        margin-top: 14upx;
    }

    .mt10 {
        margin-top: 20upx;
    }

    .mt13 {
        margin-top: 26upx;
    }

    .mb10 {
        margin-bottom: 20upx;
    }

    .ml10 {
        margin-left: 20upx;
    }

    .mr10 {
        margin-right: 20upx;
    }

    .mt15 {
        margin-top: 30upx;
    }

    .mt20 {
        margin-top: 40upx;
    }

    .mb20 {
        margin-bottom: 40upx;
    }

    .ml20 {
        margin-left: 40upx;
    }

    .mr20 {
        margin-right: 40upx;
    }

    .mt30 {
        margin-top: 60upx;
    }

    .mb30 {
        margin-bottom: 60upx;
    }

    .ml30 {
        margin-left: 60upx;
    }

    .mr30 {
        margin-right: 60upx;
    }

    .mt40 {
        margin-top: 80upx;
    }

    .mt45 {
        margin-top: 90upx;
    }

    .mb45 {
        margin-bottom: 90upx;
    }

    .ml45 {
        margin-left: 90upx;
    }

    .mr45 {
        margin-right: 90upx;
    }

    .mt50 {
        margin-top: 100upx;
    }

    .mt75 {
        margin-top: 150upx;
    }

    .mt88 {
        margin-top: 176upx;
    }

    .mt100 {
        margin-top: 200upx;
    }

    .mtb10 {
        margin-top: 20upx;
        margin-bottom: 20upx;
    }

    .mlr5 {
        margin-left: 10upx;
        margin-right: 10upx;
    }

    .mlr10 {
        margin-left: 20upx;
        margin-right: 20upx;
    }

    .mtb20 {
        margin-top: 40upx;
        margin-bottom: 40upx;
    }

    .mlr20 {
        margin-left: 40upx;
        margin-right: 40upx;
    }

    .mtb30 {
        margin-top: 60upx;
        margin-bottom: 60upx;
    }

    .mlr30 {
        margin-left: 60upx;
        margin-right: 60upx;
    }

    .mtb45 {
        margin-top: 90upx;
        margin-bottom: 90upx;
    }

    .mlr45 {
        margin-left: 90upx;
        margin-right: 90upx;
    }

    /* padding内边距 */
    .ptb {
        padding-top: 176upx;
        padding-bottom: 200upx;
    }

    .pt5 {
        padding-top: 10upx;
    }

    .pb5 {
        padding-bottom: 10upx;
    }

    .pl5 {
        padding-left: 10upx;
    }

    .pr5 {
        padding-right: 10upx;
    }

    .pt10 {
        padding-top: 20upx;
    }

    .pl10 {
        padding-left: 20upx;
    }

    .pr10 {
        padding-right: 20upx;
    }

    .pb10 {
        padding-bottom: 20upx;
    }

    .pl15 {
        padding-left: 30upx;
    }

    .pr15 {
        padding-right: 30upx;
    }

    .pb15 {
        padding-bottom: 30upx;
    }

    .pt20 {
        padding-top: 40upx;
    }

    .pb20 {
        padding-bottom: 40upx;
    }

    .pl20 {
        padding-left: 40upx;
    }

    .pr20 {
        padding-right: 40upx;
    }

    .pl30 {
        padding-left: 60upx;
    }

    .pr30 {
        padding-right: 60upx;
    }

    .pt30 {
        padding-top: 60upx;
    }

    .pb30 {
        padding-bottom: 60upx;
    }

    .pl40 {
        padding-left: 80upx;
    }

    .pr40 {
        padding-right: 80upx;
    }

    .pt40 {
        padding-top: 80upx;
    }

    .pb40 {
        padding-bottom: 80upx;
    }

    .pt45 {
        padding-top: 90upx;
    }

    .pb45 {
        padding-bottom: 90upx;
    }

    .pt50 {
        padding-top: 100upx;
    }

    .pb50 {
        padding-bottom: 100upx;
    }

    .pl50 {
        padding-left: 100upx;
    }

    .pr50 {
        padding-right: 100upx;
    }

    .pt60 {
        padding-top: 120upx;
    }

    .pb60 {
        padding-bottom: 120upx;
    }

    .pt88 {
        padding-top: 176upx;
    }

    .pb100 {
        padding-bottom: 200upx;
    }

    .pb150 {
        padding-bottom: 300upx;
    }

    .pt100 {
        padding-top: 200upx;
    }

    .ptb5 {
        padding-bottom: 10upx;
        padding-top: 10upx;
    }

    .ptb8 {
        padding-bottom: 16upx;
        padding-top: 16upx;
    }

    .plr8 {
        padding-left: 16upx;
        padding-right: 16upx;
    }

    .ptb10 {
        padding-bottom: 20upx;
        padding-top: 20upx;
    }

    .plr10 {
        padding-left: 20upx;
        padding-right: 20upx;
    }

    .ptb15 {
        padding-top: 30upx;
        padding-bottom: 30upx;
    }

    .plr15 {
        padding-left: 30upx;
        padding-right: 30upx;
    }

    .plr20 {
        padding-left: 40upx;
        padding-right: 40upx;
    }

    .ptb20 {
        padding-top: 40upx;
        padding-bottom: 40upx;
    }

    .plr30 {
        padding-left: 60upx;
        padding-right: 60upx;
    }

    .ptb30 {
        padding-top: 60upx;
        padding-bottom: 60upx;
    }

    .plr40 {
        padding-left: 80upx;
        padding-right: 80upx;
    }

    .ptb40 {
        padding-top: 80upx;
        padding-bottom: 80upx;
    }

    .ptb45 {
        padding-top: 90upx;
        padding-bottom: 90upx;
    }

    .plr45 {
        padding-left: 90upx;
        padding-right: 90upx;
    }

    .plr50 {
        padding-left: 100upx;
        padding-right: 100upx;
    }

    .ptb50 {
        padding-bottom: 100upx;
        padding-top: 100upx;
    }

    .ptb60 {
        padding-bottom: 120upx;
        padding-top: 120upx;
    }

    /* 宽度百分比 */
    .w20 {
        width: 20%;
    }

    .w25 {
        width: 25%;
    }

    .w30 {
        width: 30%;
    }

    .w35 {
        width: 35%;
    }

    .w40 {
        width: 40%;
    }

    .w45 {
        width: 45%;
    }

    .w48 {
        width: 48%;
    }

    .w50 {
        width: 50%;
    }

    .w65 {
        width: 65%;
    }

    .w75 {
        width: 75%;
    }

    .w80 {
        width: 80%;
    }

    .w85 {
        width: 85%;
    }

    .w90 {
        width: 90%;
    }

    .w95 {
        width: 95%;
    }

    .w100 {
        width: 100%;
    }

    /* 宽度upx */
    .wt5 {
        width: 10upx;
    }

    .wt8 {
        width: 16upx;
    }

    .wt10 {
        width: 20upx;
    }

    .wt12 {
        width: 24upx;
    }

    .wt15 {
        width: 30upx;
    }

    .wt18 {
        width: 36upx;
    }

    .wt20 {
        width: 40upx;
    }

    .wt25 {
        width: 50upx;
    }

    .wt30 {
        width: 60upx;
    }

    .wt35 {
        width: 70upx;
    }

    .wt40 {
        width: 80upx;
    }

    .wt50 {
        width: 100upx;
    }

    .wt60 {
        width: 120upx;
    }

    .wt70 {
        width: 140upx;
    }

    .wt80 {
        width: 160upx;
    }

    .wt90 {
        width: 180upx;
    }

    .wt100 {
        width: 200upx;
    }

    .w120 {
        width: 240upx;
    }

    .w150 {
        width: 300upx;
    }

    .w160 {
        width: 320upx;
    }

    .w180 {
        width: 360upx;
    }

    /* 高度 */
    .h5 {
        height: 10upx;
    }

    .h8 {
        height: 16upx;
    }

    .h10 {
        height: 20upx;
    }

    .h12 {
        height: 24upx;
    }

    .h15 {
        height: 30upx;
    }

    .h18 {
        height: 36upx;
    }

    .h20 {
        height: 40upx;
    }

    .h25 {
        height: 50upx;
    }

    .h30 {
        height: 60upx;
    }

    .h35 {
        height: 70upx;
    }

    .h40 {
        height: 80upx;
    }

    .h44 {
        height: 88upx;
    }

    .h50 {
        height: 100upx;
    }

    .h60 {
        height: 120upx;
    }

    .h70 {
        height: 140upx;
    }

    .h88 {
        height: 176upx;
    }

    .h80 {
        height: 160upx;
    }

    .h90 {
        height: 180upx;
    }

    .h100 {
        height: 200upx;
    }

    .h110 {
        height: 220upx;
    }

    .h120 {
        height: 240upx;
    }

    .h130 {
        height: 260upx;
    }

    .h160 {
        height: 320upx;
    }

    .h260 {
        height: 520upx;
    }

    .h280 {
        height: 560upx;
    }

    .h390 {
        height: 780upx;
    }

    .ht100 {
        height: 100%;
    }

    /* 行高 */
    .lh10 {
        line-height: 20upx;
    }

    .lh20 {
        line-height: 40upx;
    }

    .lh25 {
        line-height: 50upx;
    }

    .lh30 {
        line-height: 60upx;
    }

    .lh35 {
        line-height: 70upx;
    }

    .lh40 {
        line-height: 80upx;
    }

    .lh44 {
        line-height: 88upx;
    }

    .lh50 {
        line-height: 100upx;
    }

    .lh56 {
        line-height: 112upx;
    }

    .lh60 {
        line-height: 120upx;
    }

    .hg20 {
        height: 20%;
    }

    .lh88 {
        line-height: 176upx;
    }

    /* 边框圆角 */
    .radius2 {
        border-radius: 4upx;
    }

    .radius4 {
        border-radius: 8upx;
    }

    .radius6 {
        border-radius: 12upx;
    }

    .radius10 {
        border-radius: 20upx;
    }

    .radius15 {
        border-radius: 30upx;
    }

    .radius20 {
        border-radius: 40upx;
    }

    .radius28 {
        border-radius: 56upx;
    }

    .radius50p {
        border-radius: 50%;
    }

    .rat4 {
        border-top-left-radius: 16upx;
        border-top-right-radius: 16upx;
    }

    /* 透明度 */
    .opt0 {
        opacity: 0;
    }

    .opt88 {
        opacity: 0.88;
    }

    .opt50 {
        opacity: 0.50;
    }

    .opt33 {
        opacity: 0.33;
    }

    .opt {
        opacity: 0.15;
    }

    /* 三角形 */
    .trangle {
        width: 0;
        height: 0;
        border-left: 60upx solid transparent;
        border-right: 60upx solid transparent;
        border-bottom: 20upx solid #1b2637;
    }

    .trangle_yellow {
        width: 0;
        height: 0;
        border-left: 10upx solid transparent;
        border-right: 10upx solid transparent;
        border-top: 10upx solid #fec403;
    }

    /* 字体渐变 */
    .linerColor {
        color: #416dff;
        background: linear-gradient(to bottom, #416dff, #464fff);
        -webkit-background-clip: text;
        color: transparent;
    }

    /* 去除chrome input默认背景 */
    input:-webkit-autofill {
        background: transparent;
        -webkit-box-shadow: 0 0 0upx 2000upx transparent inset !important;
    }

    .bshadowf5 {
        box-shadow: 0 10upx 10upx #f5f5f5, 0 -10upx 10upx #f5f5f5, 10upx 0 10upx #f5f5f5, -10upx 0 10upx #f5f5f5;
    }

    /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
    select {
        border: 1px solid #eee;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: transparent;
        color: #666;
    }

    /* 不换行超出隐藏 */
    .ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .overxy {
        overflow: hidden;
    }

    .overx {
        overflow-x: hidden;
    }

    .overxscroll {
        overflow-x: scroll;
    }

    /* 其它 */

    .load-more {
        display: block;
        background-color: transparent;
        padding-top: 30upx;
        border-radius: 8upx;
    }

    .btn-default {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        border-radius: 4upx;
        text-align: center;
        outline: none;
        border: none;
        color: #fff;
        height: 80upx;
        line-height: 80upx;
        font-size: 28upx;
    }

    .bshadow5 {
        box-shadow: 0 10upx 10upx #d4dbfc, 0 -10upx 10upx #d4dbfc, 10upx 0 10upx #d4dbfc, -10upx 0 10upx #d4dbfc;
    }

    .bshadow5_green {
        box-shadow: 0 0 10upx #75C322;
    }

    .bshadowf5 {
        box-shadow: 0 10upx 10upx #f5f5f5, 0 -10upx 10upx #f5f5f5, 10upx 0 10upx #f5f5f5, -10upx 0 10upx #f5f5f5;
    }

    .bshadow10 {
        box-shadow: 0 10upx 20upx rgba(231, 233, 241, 0.6), 0 -10upx 20upx rgba(231, 233, 241, 0.6), 10upx 0 20upx rgba(231, 233, 241, 0.6), -10upx 0 20upx rgba(231, 233, 241, 0.6);
    }

    .copy {
        height: 172upx;
        line-height: 172upx;
        border-radius: 86upx;
    }

    .header {
        height: 100upx;
        width: 100%;
        top: 0;
        /* #ifdef APP-PLUS */
        height: 100upx;
        top: var(--status-bar-height);
        /* #endif */
        left: 0;
        z-index: 1000000;
    }

    .header .back {
        display: inline-block;
        position: absolute;
        left: 28upx;
        width: 16upx;
        height: 32upx;
        // background: url(/static/arrow_left.png) no-repeat center / 100% 100%;
    }

    .header .txt {
        font-size: 20upx;
    }

    .arrow {
        width: 12upx;
        height: 22upx;
    }

    .scan {
        width: 80upx;
        height: 80upx;
    }

    .width10 {
        width: 60upx;
        height: 60upx;
    }

    .lb {
        left: -30upx;
        bottom: 0;
        transform: translateY(50%);
    }

    .pos_r30t90 {
        right: 30upx;
        top: 90upx;
    }

    .pos_l0b0 {
        bottom: 0;
        left: 0;
    }

    .shade {
        left: 5%;
        bottom: 0;
        transform: translateY(30upx);
        border-radius: 30upx;
        background: #79809B;
        z-index: -1;
    }

    .zdx100 {
        z-index: 100;
    }

    .zdx1000 {
        z-index: 1000;
    }

    .my_layer {
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 999;
    }

    .break-word {
        word-wrap: break-word;
    }

    .nowrap {
        white-space: nowrap;
    }

    /* 下划线 */
    .myline {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 40upx;
        height: 6upx;
        background: url(/static/line_blue.png) no-repeat left top /100% 100%;
    }

    .bottom-space {
        height: 100upx;
    }

    .bdb_myblue {
        border-bottom: 1px solid #E2E7EB;
    }

    .ft10 {
        font-size: 20upx;
    }

    .bdb2f {
        border-bottom: 1px solid #f7f7fb;
    }

    .bd2f {
        border: 1px solid #f7f7fb;
    }

    .bdl2f {
        border-left: 1px solid #ccd5da;
    }

    .bdt2f {
        border-top: 1px solid #f7f7fb;
    }
	.uni-drawer>.uni-drawer-content {
		background: #fff !important;
	}
}
.gray_e.light{
    color: #0D1721;
}
.vh100{
    min-height:100%;
}
.light_white{
	background: #FFFFFF !important;
}
.light .status_bar {
	background-color: #ffffff !important;
}
.light .top_view {   
	background-color: #ffffff !important;  
} 